
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jsonp原理</title>
</head>
<body>
    
    <div id="div1"></div>

    <script>

         // jsonp原理：  动态创建srcipt标签  使用script标签的src属性 script标签不受同源策略限制 来加载获取数据
        function callback(data) {
            console.log(data);
            document.querySelector("#div1").innerHTML = data.name;
        }


    </script>
    <script src="http://localhost:8888/"></script>
</body>
</html>